<template>
    <div class="mode" v-bind:style="{backgroundImage:text2}">
      <p>{{text1}}专区</p>
    </div>
</template>

<script>
  export default {
    props: ['text1', 'text2'],
  }
</script>
<style>
  .mode{
    width: 265rpx;
    height: 57rpx;
    margin: 42rpx auto;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: cloumn;
    padding-top: 10rpx;
    border-radius: 10rpx;
    box-shadow: 0 3rpx 5rpx 1rpx #d0d0d0;
  }
  .mode p{
    width: 65%;
    height: 38rpx;
    line-height: 38rpx;
    border: 1px solid #fff;
    margin: 0 auto;
    color: #ffffff;
    border-radius: 8rpx;
    font-size: 28rpx;
    text-align: center;
  }

</style>
